<template>
    <div class="layerRtb layerRtb-threecolumn layerRtb-right">
        <three-title :title="{name:'积分详情'}" :close="false">
            <span tag="i" class="rig_close fr" @click="$parent.$parent.clickFour(-1)"></span>
        </three-title>
        <div class="layerRtb-scroll thinScroll" v-scrollHeight="137">
            <div class="analyItem anItemBor" @click="clickFour(index,item)" v-for="(item, index) in fourItem.clad" :key="index">
                <p class="analyItemTit tx-center">详情{{index+1}}</p>
                <div class="analyItemCon">
                    <p class="col-md-4">
                        <span class="cLightGray pr10">积分增减</span>
                        <span class="cGreen">{{item.integralIncreaseOrDecrease}}分</span>
                    </p>

                    <p class="col-md-4">
                        <span class="cLightGray pr10">操作人</span>
                        <span class="cGreen">{{item.operator_user_name}}</span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr10">卡号</span>
                        <span class="cGreen">{{item.operator_card_no}}</span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr10">备注</span>
                        <span class="cGreen">{{item.integral_remake}}</span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr10">时间</span>
                        <span class="cGreen">{{item.integral_remake}}</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="layerRtb-footer">
            <div class="analyItem">
                <p class="analyItemTit tx-center">综合</p>
                <div class="analyItemCon">
                    <p class="col-md-6">
                        <span class="cLightGray">总数</span>
                        <span>{{fourItem.clad.length}}个</span>
                    </p>
                    <p class="col-md-6">
                        <span class="cLightGray">积分总计</span>
                        <span>{{fourItem.integralMoney}}分</span>
                    </p>

                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {

        }
    },
    props: ['fourItem'],
    created () {
        console.log(this.fourItem)
    },
    methods: {

    }
}
</script>
